<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="stylesheet" href="./resume/css/animate.min.css">
  <link rel="stylesheet" href="./resume/css/bootstrap.min.css">
  <link rel="stylesheet" href="./resume/fonts/iconfont.css">
  <link rel="stylesheet" href="./resume/css/style.css">
  <title>简历--蔡俊铠</title>
</head>

<body>
  <!-- nav -->
  <div id="resNav" class="bigBoxHeight">
    <div class="container">
      <ul class="nav nav-tab nav-justified nNavbar">
        <li><a href="#resNav">首页</a></li>
        <li><a href="#resAbout">关于我</a></li>
        <li><a href="#resEduca">教育背景</a></li>
        <li><a href="#resProj">项目展示</a></li>
        <li><a href="#resSkill">知识技能</a></li>
        <li><a href="#resContact">联系方式</a></li>
      </ul>
      <div class="navCon text-center">
        <h1>蔡俊铠</h1>
        <h4>英文名称：marsh jack</h4>
        <p>前端工程师</p>
      </div>
      <div class="nControl visible-sm-block visible-lg-block visible-md-block col-lg-offset-6 center-block">
        <p class="iconfont text-center">&#xe822;</p>
      </div>
    </div>
  </div>
  <!-- about -->
  <div id="resAbout" class="bigBoxHeight">
    <div class="container">
      <h2 class="text-center nTitle">关于我</h2>
      <div class="col-lg-5 visible-lg-block nHeader">
        <img src="./resume/images/header.jpg" alt="">
      </div>
      <div class="col-lg-5 pull-right nAboutCon">
        <p>
          本人工作认真，能很快的适应新环境，学习能力较强。对自己要求严格，为人比较冷静，不易怒。具有良好的团队协作精神和交流合作能力，有着扎实的编程基本功底和逻辑思维，有一定数量中小型项目开发经验，善于快速学习和使用新技术。对工作充满热情，从未试图抱怨，一直努力改变。熟悉主流框架vueJS，掌握ES6标准。熟练使用
          Vue-cil 脚手架和 webpack 进行移动端项目的开发与打包;熟练使用 git 版本控制工具，并具有
          经常进行代码管理，实现敏捷开发；熟练使用应式页面以适应不同设备；校验数据；熟练使用 网页静态布局，开发兼容主流浏览器的页面，以及实现页面的交互，提升用户体验；熟练使用
          PHP了几个小型项目；有小程序开发经历，在实训中独立开发商城小程序。制作。对 AE、PS、PR 较为熟悉。
        </p>
      </div>
    </div>
  </div>
  <div id="resEduca" class="bigBoxHeight">
    <div class="text-center container">
      <h2 class="nTitle">教育背景</h2>
      <div class="col-lg-6">
        <h2>教育经历</h2>
        <h3>　2016 /9月 —— 2020 /6月　</h3>
        <p> 广东外语外贸大学南国商学院</p>
        <p class="text-left">就读于计算机科学与技术专业，在校期间学习了WEB网页设计与开发、互联网程序设计、数据库应用系统综合设计与实践等专业性课程，平均绩点超过3.0,并通过了CET-4。
        </p>

      </div>
      <div class="col-lg-6">
        <h2>实践与获奖</h2>
        <h3>　2016 /9月 —— 2020 /6月　</h3>
        <p> 广东外语外贸大学南国商学院</p>
        <p class="text-left">
          在校期间担任过学院宣传部的部长职务，参与过学校的校宣传栏以及学校教师手册封面的设计与制作。并参与过大学生创新创业训练计划，申报了一个省级项目，目前项目已完成，准备结项与申报专利申请。获奖情况，信息学院两年的优秀干部以及先进个人。
        </p>

      </div>
      <div class="col-lg-offset-3 col-lg-6">
        <h2>实习经历</h2>
        <h3>　2020/1月 —— 2020 /6月　</h3>
        <p>广州轩远通信科技有限公司</p>
        <p class="text-left">
          在实习期间学习了VUE、React、Node.js等框架技术，并运用这些技术参与开发了几个小型项目，极大提高了了自己的专业技术水平。
        </p>
      </div>
    </div>
  </div>
  <div id="resProj" class="bigBoxHeight">
    <div class="container">
      <h2 class="nTitle text-center">项目展示</h2>
      <div class="proj">
      </div>
    </div>
  </div>
  <div id="resSkill" class="bigBoxHeight">
    <div class="container">
      <h2 class="nTitle text-center">知识技能</h2>
      <p>专业知识技能:熟悉主流框架 vueJS，掌握 ES6 标准。熟练使用 Vue-cil 脚手架和 webpack 进行移动端项目的开发与打包;熟练使用 git 版本控制工具，并具有
        Github 账户代码管理，实现敏捷开发；熟练使用 Bootstrap 框架，通过栅格系统快速布局以适应不同设备；熟练使用 Ajax，实现异步页面无刷新抽取数据，同步校验数据；熟练使用
        HTML、CSS、JS等前端技术，完布局，开发兼容主流浏览器的页面，以及实现页面的交互，提升用户体验；熟练使用 PHP 后端语言和数据库
        Mysql，利用其开发项目；有小程序开发经历，在实训中独立开发商城小程序。在校期间掌握了基础的公众号运营,以及海报、视频，并且对AE、PS、PR 较为熟悉。</p>
      <div class="progress">
        <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="80"
          aria-valuemin="0" aria-valuemax="100" style="width: 80%">
          HTML5+CSS3
        </div>
      </div>
      <div class="progress">
        <div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="50"
          aria-valuemin="0" aria-valuemax="100" style="width: 50%">
          JavaScript
        </div>
      </div>
      <div class="progress">
        <div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="60"
          aria-valuemin="0" aria-valuemax="100" style="width: 60%">
          PHP
        </div>
      </div>
      <div class="progress">
        <div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="80"
          aria-valuemin="0" aria-valuemax="100" style="width: 80%">
          Vue
        </div>
      </div>
      <div class="progress">
        <div class="progress-bar progress-bar-primary progress-bar-striped active" role="progressbar" aria-valuenow="70"
          aria-valuemin="0" aria-valuemax="100" style="width: 70%">
          Node.js
        </div>
      </div>
    </div>
  </div>
  <div id="resContact" class="bigBoxHeight">

    <div class="container  text-center">
      <h2 class="nTitle">联系我吧</h2>
      <p>电话: <span>13250365940</span></p>
      <p>邮箱：<span>apy521521@qq.com</span></p>
      <p>Github：<a href="https://github.com/marshjack">marshjack</a></p>
      <div class="code col-lg-offset-2 col-lg-4">
        <img src="./resume/images/wechat.png">
      </div>
      <div class="code col-lg-4"><img src="./resume/images/QQ.JPG" alt=""></div>
      <div class="bottom col-lg-12  col-sm-12">
        版权所有©2019-2020 蔡俊铠的个人简介
      </div>
    </div>
  </div>
  <!-- 吸顶 -->
  <div id="resFix" class="navbar-fixed-top hidden-sm hidden-xs">
    <div class="navbar">
      <ul class="nav nav-justified">
        <li><a href="#resNav">首页</a></li>
        <li><a href="#resAbout">关于我</a></li>
        <li><a href="#resEduca">教育背景</a></li>
        <li><a href="#resProj">项目展示</a></li>
        <li><a href="#resSkill">知识技能</a></li>
        <li><a href="#resContact">联系方式</a></li>
      </ul>
    </div>
  </div>
  <script src="./resume/js/jquery.min.js"></script>
  <script src="./resume/js/bootstrap.min.js"></script>
  <script src="./resume/js/main.js"></script>

</body>

</html>